<!DOCTYPE html>
<html>

<head>
    <title>✨让崽崽笑✨</title>
    <meta item="description" content="开心点嘛" />
    <link rel="shortcut icon" href=https://1nav.ml/favicon.ico type=image/x-icon>
    <meta itemprop="image" content="https://1nav.ml/favicon.ico" />
    <meta charset="utf-8" />
    <meta name="viewport" content="initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0, width=device-width,target-densitydpi=device-dpi" />
    <script type="text/javascript" src="scripts/createjs.js"></script>
    <script type="text/javascript">
        var isDesktop = navigator["userAgent"].match(
                /(ipad|iphone|ipod|android|windows phone)/i
            ) ?
            false :
            true;

        var fontunit = isDesktop ?
            20 :
            ((window.innerWidth > window.innerHeight ?
                    window.innerHeight :
                    window.innerWidth) /
                320) *
            10;

        document.write(
            '<style type="text/css">' +
            "html,body {font-size:" +
            (fontunit < 30 ? fontunit : "30") +
            "px;}" +
            (isDesktop ?
                "#welcome,#GameTimeLayer,#GameLayerBG,#GameScoreLayer.SHADE{position: absolute;}" :
                "#welcome,#GameTimeLayer,#GameLayerBG,#GameScoreLayer.SHADE{position:fixed;}@media screen and (orientation:landscape) {#landscape {display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox;}}") +
            "</style>"
        );
    </script>
    <style type="text/css">
        body {
            font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
            margin: 0;
            padding: 0;
        }
        
        .loading {
            background-image: url("");
            background-repeat: no-repeat;
            background-position: center center;
            background-size: auto 60%;
        }
        
        .SHADE {
            top: 0;
            left: 0;
            width: 100%;
            bottom: 0;
            z-index: 11;
        }
        
        .BOX-V {
            box-orient: vertical;
            -webkit-box-orient: vertical;
            -moz-box-orient: vertical;
            -ms-flex-direction: column;
        }
        
        .BOX-D {
            box-align: end;
            box-pack: center -webkit-box-align: end;
            -webkit-box-pack: center;
            -ms-flex-align: end;
            -ms-flex-pack: center;
        }
        
        .BOX-M {
            box-align: center;
            box-pack: center;
            -webkit-box-align: center;
            -webkit-box-pack: center;
            -ms-flex-align: center;
            -ms-flex-pack: center;
        }
        
        .BOX-S {
            display: block;
            box-flex: 1;
            -webkit-box-flex: 1;
            -moz-box-flex: 1;
            -ms-flex: 1;
        }
        
        .BOX,
        .BOX-V,
        .BOX-D,
        .BOX-M,
        .FOOTER {
            display: box;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
        }
        
        .BBOX,
        .BOX,
        .APP-STAGE,
        .INSET-STAGE,
        .STAGE,
        .PAGE-STAGE,
        .PAGE,
        .PAGE-BOX,
        .INSET-PAGE,
        .FOOTER {
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
        }
        
        #welcome {
            background-color: rgba(0, 0, 0, .8);
            text-align: center;
            font-weight: bold;
            overflow: hidden;
        }
        
        .welcome-bg {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-size: 100% 100%;
            opacity: .4;
            overflow: hidden;
        }
        
        #GameTimeLayer {
            top: 1em;
            left: 0;
            width: 100%;
            text-align: center;
            /* 倒计时 */
            color: #f1908c;
            font-size: 4em;
            text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
            overflow: hidden;
        }
        
        #GameLayerBG {
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            overflow: hidden;
            background: rgb(255, 255, 255);
        }
        
        .GameLayer {
            position: absolute;
            bottom: 0;
            left: 0;
        }
        
        .block {
            position: absolute;
            border-top: 1px solid #ffaaa2;
            background-repeat: no-repeat;
            background-position: center;
        }
        
        .t1,
        .t2,
        .t3,
        .t4,
        .t5 {
            background-size: auto 200%;
            background-image: url(02.png);
        }
        
        .tt1,
        .tt2,
        .tt3,
        .tt4,
        .tt5 {
            background-size: auto 220%;
            background-image: url(03.png);
        }
        
        .bl {
            border-left: 1px solid #ffaaa2;
        }
        
        @-ms-keyframes flash {
            0% {
                opacity: 1;
            }
            50% {
                opacity: 0;
            }
            100% {
                opacity: 1;
            }
        }
        
        @-webkit-keyframes flash {
            0% {
                opacity: 1;
            }
            50% {
                opacity: 0;
            }
            100% {
                opacity: 1;
            }
        }
        
        .flash {
            -webkit-animation: flash .2s 3;
            animation: flash .2s 3;
        }
        
        .bad {
            background-color: #ffaaa2;
            -webkit-animation: flash .2s 3;
            animation: flash .2s 3;
        }
        
        * {
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            -ms-tap-highlight-color: rgba(0, 0, 0, 0);
            tap-highlight-color: rgba(0, 0, 0, 0);
            -ms-user-select: none;
        }
        
        #GameScoreLayer {
            padding-top: 2em;
            font-size: 2em;
            font-weight: bold;
            color: #5d3131;
            text-align: center;
            overflow: hidden;
        }
        
        .bgc1 {}
        
        .bgc2 {}
        
        .bgc3 {}
        
        .bgc4 {}
        
        .bgc5 {}
        
        .share-icon {
            width: 1.7em;
            background-repeat: no-repeat;
            background-size: auto 100%;
        }
        
        #GameScoreLayer-btn .btn,
        #GameScoreLayer-share .btn {
            text-align: center;
            font-size: 1.1em;
            background-color: rgba(0, 0, 0, .3);
            height: 2em;
            line-height: 2em;
        }
        
        .btn:active {
            opacity: 0.2;
        }
        
        #landscape {
            display: none;
        }
        
        #gameBody {
            position: relative;
            width: 640px;
            margin: 0 auto;
        }
        
        #share-wx {
            background: rgba(0, 0, 0, 0.8);
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            z-index: 10000;
            display: none;
        }
    </style>
    <script>
        (adsbygoogle = window.adsbygoogle || []).push({
            google_ad_client: "ca-pub-0536909684105118",
            enable_page_level_ads: true,
        });
    </script>
</head>

<body onLoad="init()">
    <script type="text/javascript">
        var xtltle = "";
        window.shareData = {
            imgUrl: "02.png",

            timeLineLink: "https://www.1nav.ml",

            tTitle: "城野",

            tContent: "星河",
        };

        if (isDesktop) document.write('<div id="gameBody">');

        var body,
            blockSize,
            GameLayer = [],
            GameLayerBG,
            touchArea = [],
            GameTimeLayer;

        var transform, transitionDuration;

        function init(argument) {
            showWelcomeLayer();
            body = document.getElementById("gameBody") || document.body;

            body.style.height = window.innerHeight + "px";

            transform =
                typeof body.style.webkitTransform != "undefined" ?
                "webkitTransform" :
                typeof body.style.msTransform != "undefined" ?
                "msTransform" :
                "transform";

            transitionDuration = transform.replace(
                /ransform/g,
                "ransitionDuration"
            );

            GameTimeLayer = document.getElementById("GameTimeLayer");

            GameLayer.push(document.getElementById("GameLayer1"));

            GameLayer[0].children = GameLayer[0].querySelectorAll("div");

            GameLayer.push(document.getElementById("GameLayer2"));

            GameLayer[1].children = GameLayer[1].querySelectorAll("div");

            GameLayerBG = document.getElementById("GameLayerBG");

            if (GameLayerBG.ontouchstart === null) {
                GameLayerBG.ontouchstart = gameTapEvent;
            } else {
                GameLayerBG.onmousedown = gameTapEvent;

                document.getElementById("landscape-text").innerHTML = "点我开始玩耍";

                document.getElementById("landscape").onclick = winOpen;
            }

            gameInit();

            window.addEventListener("resize", refreshSize, false);

            var rtnMsg = "true";

            setTimeout(function() {
                if (rtnMsg == "false") {
                    var btn = document.getElementById("ready-btn");

                    btn.className = "btn";

                    btn.innerHTML = "今天的难过到此为止吧，明天一样光芒万丈！";
                } else {
                    var btn = document.getElementById("ready-btn");

                    btn.className = "btn";

                    btn.innerHTML = " 预备，上！";

                    btn.style.backgroundColor = "#815c94";
                    btn.style.borderRadius = "1em";

                    btn.onclick = function() {
                        closeWelcomeLayer();
                    };
                }
            }, 500);
        }

        function winOpen() {
            window.open(
                location.href + "?r=" + Math.random(),
                "nWin",
                "height=500,width=320,toolbar=no,menubar=no,scrollbars=no"
            );

            var opened = window.open("about:blank", "_self");
            opened.opener = null;
            opened.close();
        }

        var refreshSizeTime;

        function refreshSize() {
            clearTimeout(refreshSizeTime);

            refreshSizeTime = setTimeout(_refreshSize, 200);
        }

        function _refreshSize() {
            countBlockSize();

            for (var i = 0; i < GameLayer.length; i++) {
                var box = GameLayer[i];

                for (var j = 0; j < box.children.length; j++) {
                    var r = box.children[j],
                        rstyle = r.style;

                    rstyle.left = (j % 4) * blockSize + "px";

                    rstyle.bottom = Math.floor(j / 4) * blockSize + "px";

                    rstyle.width = blockSize + "px";

                    rstyle.height = blockSize + "px";
                }
            }

            var f, a;

            if (GameLayer[0].y > GameLayer[1].y) {
                f = GameLayer[0];

                a = GameLayer[1];
            } else {
                f = GameLayer[1];

                a = GameLayer[0];
            }

            var y = (_gameBBListIndex % 10) * blockSize;

            f.y = y;

            f.style[transform] = "translate3D(0," + f.y + "px,0)";

            a.y = -blockSize * Math.floor(f.children.length / 4) + y;

            a.style[transform] = "translate3D(0," + a.y + "px,0)";
        }

        function countBlockSize() {
            blockSize = body.offsetWidth / 4;
            body.style.height = window.innerHeight + "px";
            GameLayerBG.style.height = window.innerHeight + "px";
            touchArea[0] = window.innerHeight - blockSize * 0;

            touchArea[1] = window.innerHeight - blockSize * 3;
        }

        var _gameBBList = [],
            _gameBBListIndex = 0,
            _gameOver = false,
            _gameStart = false,
            _gameTime,
            _gameTimeNum,
            _gameScore;

        function gameInit() {
            createjs.Sound.registerSound({
                src: "mp3/err.mp3",
                id: "err",
            });
            createjs.Sound.registerSound({
                src: "mp3/end.mp3",
                id: "end",
            });

            createjs.Sound.registerSound({
                src: "mp3/tap.mp3",
                id: "tap",
            });

            gameRestart();
        }

        function gameRestart() {
            console.log("gameRestart");

            _gameBBList = [];

            _gameBBListIndex = 0;

            _gameScore = 0;

            _gameOver = false;

            _gameStart = false;

            _gameTimeNum = 2000;

            GameTimeLayer.innerHTML = creatTimeText(_gameTimeNum);

            countBlockSize();

            refreshGameLayer(GameLayer[0]);

            refreshGameLayer(GameLayer[1], 1);
        }

        function gameStart() {
            _gameStart = true;

            _gameTime = setInterval(gameTime, 10);
        }

        function gameOver() {
            _gameOver = true;

            clearInterval(_gameTime);

            setTimeout(function() {
                GameLayerBG.className = "";

                showGameScoreLayer();
                dd2.innerHTML = dd1.innerHTML;
            }, 1500);
        }

        function gameTime() {
            _gameTimeNum--;

            if (_gameTimeNum <= 0) {
                GameTimeLayer.innerHTML = "&nbsp;&nbsp;&nbsp;&nbsp;时间到！";

                gameOver();

                GameLayerBG.className += " flash";

                createjs.Sound.play("end");
            } else {
                GameTimeLayer.innerHTML = creatTimeText(_gameTimeNum);
            }
        }

        function creatTimeText(n) {
            var text = (100000 + n + "").substr(-4, 4);

            text = "&nbsp;&nbsp;" + text.substr(0, 2) + "'" + text.substr(2) + "''";

            return text;
        }

        var _ttreg = / t{1,2}(\d+)/,
            _clearttClsReg = / t{1,2}\d+| bad/;

        function refreshGameLayer(box, loop, offset) {
            var i = (Math.floor(Math.random() * 1000) % 4) + (loop ? 0 : 4);

            for (var j = 0; j < box.children.length; j++) {
                var r = box.children[j],
                    rstyle = r.style;

                rstyle.left = (j % 4) * blockSize + "px";

                rstyle.bottom = Math.floor(j / 4) * blockSize + "px";

                rstyle.width = blockSize + "px";

                rstyle.height = blockSize + "px";

                r.className = r.className.replace(_clearttClsReg, "");

                if (i == j) {
                    _gameBBList.push({
                        cell: i % 4,
                        id: r.id,
                    });

                    r.className += " t" + ((Math.floor(Math.random() * 1000) % 5) + 1);

                    r.notEmpty = true;

                    i =
                        (Math.floor(j / 4) + 1) * 4 +
                        (Math.floor(Math.random() * 1000) % 4);
                } else {
                    r.notEmpty = false;
                }
            }

            if (loop) {
                box.style.webkitTransitionDuration = "0ms";

                box.style.display = "none";

                box.y = -blockSize *
                    (Math.floor(box.children.length / 4) + (offset || 0)) *
                    loop;

                setTimeout(function() {
                    box.style[transform] = "translate3D(0," + box.y + "px,0)";

                    setTimeout(function() {
                        box.style.display = "block";
                    }, 100);
                }, 200);
            } else {
                box.y = 0;

                box.style[transform] = "translate3D(0," + box.y + "px,0)";
            }

            box.style[transitionDuration] = "150ms";
        }

        function gameLayerMoveNextRow() {
            for (var i = 0; i < GameLayer.length; i++) {
                var g = GameLayer[i];

                g.y += blockSize;

                if (g.y > blockSize * Math.floor(g.children.length / 4)) {
                    refreshGameLayer(g, 1, -1);
                } else {
                    g.style[transform] = "translate3D(0," + g.y + "px,0)";
                }
            }
        }

        function gameTapEvent(e) {
            if (_gameOver) {
                return false;
            }

            var tar = e.target;

            var y = e.clientY || e.targetTouches[0].clientY,
                x = (e.clientX || e.targetTouches[0].clientX) - body.offsetLeft,
                p = _gameBBList[_gameBBListIndex];

            if (y > touchArea[0] || y < touchArea[1]) {
                return false;
            }

            if (
                (p.id == tar.id && tar.notEmpty) ||
                (p.cell == 0 && x < blockSize) ||
                (p.cell == 1 && x > blockSize && x < 2 * blockSize) ||
                (p.cell == 2 && x > 2 * blockSize && x < 3 * blockSize) ||
                (p.cell == 3 && x > 3 * blockSize)
            ) {
                if (!_gameStart) {
                    gameStart();
                }

                createjs.Sound.play("tap");

                tar = document.getElementById(p.id);

                tar.className = tar.className.replace(_ttreg, " tt$1");

                _gameBBListIndex++;

                _gameScore++;

                gameLayerMoveNextRow();
            } else if (_gameStart && !tar.notEmpty) {
                createjs.Sound.play("err");

                gameOver();

                tar.className += " bad";
            }

            return false;
        }

        function createGameLayer() {
            var html = '<div id="GameLayerBG">';

            for (var i = 1; i <= 2; i++) {
                var id = "GameLayer" + i;

                html += '<div id="' + id + '" class="GameLayer">';

                for (var j = 0; j < 10; j++) {
                    for (var k = 0; k < 4; k++) {
                        html +=
                            '<div id="' +
                            id +
                            "-" +
                            (k + j * 4) +
                            '" num="' +
                            (k + j * 4) +
                            '" class="block' +
                            (k ? " bl" : "") +
                            '"></div>';
                    }
                }

                html += "</div>";
            }

            html += "</div>";

            html += '<div id="GameTimeLayer"></div>';
            return html;
        }

        function closeWelcomeLayer() {
            var l = document.getElementById("welcome");

            l.style.display = "none";
        }

        function showWelcomeLayer() {
            var l = document.getElementById("welcome");

            l.style.display = "block";
        }

        function showGameScoreLayer() {
            var l = document.getElementById("GameScoreLayer");

            var c = document
                .getElementById(_gameBBList[_gameBBListIndex - 1].id)
                .className.match(_ttreg)[1];

            l.className = l.className.replace(/bgc\d/, "bgc" + c);

            document.getElementById("GameScoreLayer-text").innerHTML =
                shareText(_gameScore);

            document.getElementById("GameScoreLayer-score").innerHTML =
                "得分&nbsp;&nbsp;" + _gameScore;

            var bast = cookie("bast-score");

            if (!bast || _gameScore > bast) {
                bast = _gameScore;

                cookie("bast-score", bast, 100);
            }

            document.getElementById("GameScoreLayer-bast").innerHTML =
                "最佳&nbsp;&nbsp;" + bast;

            l.style.display = "block";

            window.shareData.tTitle =
                "我抽了" + _gameScore + "个云烟，不服来挑战！！！";
        }

        function hideGameScoreLayer() {
            var l = document.getElementById("GameScoreLayer");

            l.style.display = "none";
        }

        function replayBtn() {
            gameRestart();

            hideGameScoreLayer();
        }

        function backBtn() {
            gameRestart();

            hideGameScoreLayer();

            showWelcomeLayer();
        }

        var mebtnopenurl = "http://1nav.ml";

        var gototop = "http://1nav.ml";

        function shareText(score) {
            cookie("score2", score, 100);
            // 得分信息
            if (score <= 49) return "小菜狗🐶";

            if (score <= 99) return "宝宝得加油😘";

            if (score <= 140) return "你也太厉害了吧！";

            if (score <= 170) return "宝宝是神速吧Σ(っ °Д °;)っ";

            if (score > 199) return "还是人嘛？";
        }

        function shareText1(score) {
            return "看看你能吃到多少个吧(";
        }

        function toStr(obj) {
            if (typeof obj == "object") {
                return JSON.stringify(obj);
            } else {
                return obj;
            }

            return "";
        }

        function cookie(name, value, time) {
            if (name) {
                if (value) {
                    if (time) {
                        var date = new Date();

                        date.setTime(date.getTime() + 864e5 * time),
                            (time = date.toGMTString());
                    }

                    return (
                        (document.cookie =
                            name +
                            "=" +
                            escape(toStr(value)) +
                            (time ?
                                "; expires=" +
                                time +
                                (arguments[3] ?
                                    "; domain=" +
                                    arguments[3] +
                                    (arguments[4] ?
                                        "; path=" +
                                        arguments[4] +
                                        (arguments[5] ? "; secure" : "") :
                                        "") :
                                    "") :
                                "")), !0
                    );
                }

                return (
                    (value = document.cookie.match(
                        "(?:^|;)\\s*" +
                        name.replace(/([-.*+?^${}()|[\]\/\\])/g, "\\$1") +
                        "=([^;]*)"
                    )),
                    (value =
                        value && "string" == typeof value[1] ? unescape(value[1]) : !1),
                    (/^(\{|\[).+\}|\]$/.test(value) || /^[0-9]+$/g.test(value)) &&
                    eval("value=" + value),
                    value
                );
            }

            var data = {};

            value = document.cookie.replace(/\s/g, "").split(";");

            for (var i = 0; value.length > i; i++)
                (name = value[i].split("=")),
                name[1] && (data[name[0]] = unescape(name[1]));

            return data;
        }

        document.write(createGameLayer());

        function share() {
            document.getElementById("share-wx").style.display = "block";

            document.getElementById("share-wx").onclick = function() {
                this.style.display = "none";
            };
        }
        document.addEventListener(
            "WeixinJSBridgeReady",
            function onBridgeReady() {},
            false
        );
    </script>
    <div id="GameScoreLayer" class="BBOX SHADE bgc1" style="display: none">
        <div style="padding: 0 5%; margin-top: 250px">
            <div id="GameScoreLayer-text"></div>
            <div id="GameScoreLayer-score" style="margin: 10px 0">得分</div>
            <div id="GameScoreLayer-bast">最佳</div>
            <div id="GameScoreLayer-btn" class="BOX" style="margin-top: 10px">
                <div class="btn BOX-S" onClick="replayBtn()">
                    <text style="color: #fff">再来一次</text>
                </div>
                &nbsp;
            </div>
            <div class="pageContent" id="dd2" style="margin-top: 10px"></div>
        </div>
    </div>
    <div id="welcome" class="SHADE BOX-M">
        <div class="welcome-bg FILL"></div>
        <div class="FILL BOX-M" style="
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          z-index: 5;
        ">
            <div style="margin: 0 8% 0 9%">
                <div style="font-size: 2.6em; color: #e68b7f">玩一会嘛</div>
                <br />
                <div style="font-size: 2.2em; color: #fff; line-height: 1.5em">
                    从最下面开始，<br />挑战20秒内让崽崽笑！<br />
                </div>
                <br />
                <div id="ready-btn" class="btn loading" style="
              display: inline-block;
              margin: 0 auto;
              width: 8em;
              height: 1.7em;
              line-height: 1.7em;
              font-size: 2.2em;
              color: #fff;
            "></div>
                <div id="dd1" style="margin: 10px 0 0 0">
                    <ins class="adsbygoogle" style="display: block" data-ad-format="fluid" data-ad-layout-key="-6t+ed+2i-1n-4w" data-ad-client="ca-pub-0536909684105118" data-ad-slot="7781906075"></ins>
                    <script>
                        (adsbygoogle = window.adsbygoogle || []).push({});
                    </script>
                </div>
            </div>
        </div>
    </div>
    <div id="landscape" class="SHADE BOX-M" style="background: rgba(0, 0, 0, 0.9)">
        <div class="welcome-bg FILL"></div>
        <div id="landscape-text" style="color: #fff; font-size: 3em">
            请竖屏玩耍
        </div>
    </div>
    <script type="text/javascript">
        if (isDesktop) document.write("</div>");
    </script>
    <script>
        (function() {
            var s = "_" + Math.random().toString(36).slice(2);
            document.write('<div id="' + s + '"></div>');
            (window.slotbydup = window.slotbydup || []).push({
                id: "2414325",
                container: s,
                size: "0,0",
                display: "inlay-fix",
            });
        })();
    </script>
    <!-- <audio autoplay="autoplay" loop="loop" preload="auto">
      <source src="bgm.mp3" type="audio/mpeg" />
    </audio> -->
    <audio id="bgmusic" src="mp3/bgm.mp3" autoplay="autoplay" style="display: block; width: 3%; height: 3%" currentTime="20s"></audio>
    <script type="text/javascript">
        function toggleSound() {
            var music = document.getElementById("bgmusic"); //获取ID
            console.log(music);
            console.log(music.paused);
            if (music.paused) {
                //判读是否播放
                music.paused = false;
                music.play(); //没有就播放
            }
        }
        setInterval("toggleSound()", 1);

        // 背景音乐开始时间
        myVid = document.getElementById("bgmusic");

        function setCurTime() {
            myVid.currentTime = 0;
        }
        setCurTime();
        // 背景音乐声音大小

        function getVideo() {
            document.getElementById("bgmusic").volume = 0.2;
        }
        getVideo(); //调用
    </script>
</body>

</html>